<template>
  <div id="ShangJia">
      <div class="ShangJiabox">
    <ShangJia1Vue></ShangJia1Vue>
  <ShangJia2Vue></ShangJia2Vue>
  <ShangJia3Vue></ShangJia3Vue>
  <ShangJia4Vue></ShangJia4Vue>
      </div>
  </div>
</template>

<script>
import ShangJia1Vue from '@/components/ShangJia1.vue'
import ShangJia2Vue from '@/components/ShangJia2.vue'
import ShangJia3Vue from '@/components/ShangJia3.vue'
import ShangJia4Vue from '@/components/ShangJia4.vue'
export default {
    components:{
        ShangJia1Vue,
        ShangJia2Vue,
        ShangJia3Vue,
        ShangJia4Vue
    }
}
</script>

<style scoped>
#ShangJia{
    overflow: hidden;
    display: flex;
}
.ShangJiabox{
    overflow: auto;
    background-color: #f3f5f7;
    margin-bottom: 1rem;
}
</style>